<template>
    <div class="appmain">
      <div class="gobastyle">
        <span><i @click="goback"  class="iconfont icon-fanhui"></i></span>
      </div>
      <div class="main-child">
        <floorChange style="left:auto;right:0;top:0"></floorChange>
      </div>
    </div>
</template>

<script>
import floorChange from '../child/floorChange'
export default {
  name: "appmain",
  data() {
    return {
    };
  },
  components: {
    floorChange
  },
  mounted(){
  },
  methods: {
    // 返回按钮
    goback() {
      viewBackFromFloorToBudling();
      this.$router.push({ path: "/home/appmain" });
    }
  }
};
</script>

<style lang="scss" scoped>
$colorwhite: white;
$colorblue: #16cdff;
$bordercolor: #172231;
$borderbottom: #10325d;
$iconcolor: #006fff;
$fontcolor1: #549f54;
$fontcolor2: #ffa628;
$fontcolor3: #00a0e9;
$fontcolor4: #6759be;
$mrtop: 13px;
.appmain {
  height: 100%;
  width: 27%;
  // margin-top: 20px;
  min-width: 497px;
  box-sizing: border-box;
  position: absolute;
  right: 20px;
  .gobastyle{
    width: 40px;
    height: 40px;
    // background-color: salmon;
    position: absolute;
    right: 11%;
    top: 50px;
    .icon-fanhui{
      font-size: 0.30rem;
      color: white;
      position: absolute;
      z-index: 1;
      cursor: pointer;
    }
  }
  .mainicon {
    position: absolute;
    top: -40px;
    right: 0;
    color: #ddd;
    span {
      width: 40px;
      .iconfont {
        font-size: 24px;
      }
    }
    .icon-fanhui{
      cursor:pointer;
    }
    .icon-fangda{
      cursor:pointer;
    }
  }
  .addstyle{
    top: -67px;
    // right: 55px;
    right: 13%;
  }
  .main-child {
    height: 40%;
    width: 100%;
    position: absolute;
    top: 30%;
    padding: 15px;
  }
}
</style>
